<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>role</title>
    <meta name="description" content="大一作业，热爱火影多年，借由此页面来表达我对火影的热爱，它是我的青春，供大家学习使用">
    <meta name="Keywords" content="火影,Naruto,静态页面">
    <link rel="icon" href="../shq-splendid.ico">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/role.css">
    <link rel="stylesheet" href="../css/font-awesome-4.7.0/css/font-awesome.css">
    <script src="../js/role.js"></script>

</head>
<body>
<div class="top">
</div>
</div>
<div class="nav w">
    <ul>
        <li><a href="introduce.html">首页</a></li>
        <li><a href="grow.html">成长之路</a></li>
        <li><a href="role.html">登场人物</a></li>
        <li><a href="author.html">作者简介</a></li>
        <li><a href="check.html">问卷调查</a></li>
        <li><a href="movie.html">剧场版介绍</a></li>
    </ul>
</div>
<!--主页主体模块-->
<div class="main w">
    <div class="loop">
        <div class="intro">
            <p>木叶村</p>
        </div>
        <div id=demo class="demo">
            <table>
                <tr>
                    <td id=marquePic1 class="role-table">

                        <table>
                            <tr>
                                <td>
                                    <div class="img"><img src="../images/精美图片1.png"></div>
                                    <p>旋涡鸣人</p></td>

                                <td>
                                    <div class="img"><img src="../images/精美图片2.png"></div>
                                    <p>智波佐助</p></td>

                                <td>
                                    <div class="img"><img src="../images/精美图片3.png"></div>
                                    <p>春野樱</p></td>

                                <td>
                                    <div class="img"><img src="../images/精美图片4.png"></div>
                                    <p>旗木卡卡西</p></td>

                                <td>
                                    <div class="img"><img src="../images/精美图片5.png"></div>
                                    <p>初代火影</p></td>

                                <td>
                                    <div class="img"><img src="../images/精美图片6.png"></div>
                                    <p>二代火影</p></td>

                                <td>
                                    <div class="img"><img src="../images/精美图片7.png"></div>
                                    <p>三代火影</p></td>

                                <td>
                                    <div class="img"><img src="../images/精美图片8.png"></div>
                                    <p>四代火影</p></td>

                                <td>
                                    <div class="img"><img src="../images/精美图片9.png"></div>
                                    <p>五代火影</p></td>

                        </table>
                    </td>

                    <td id=marquePic2 class="role-table"></td>
                </tr>

            </table>

        </div>
    </div>
    <div class="loop2">
        <div class="intro">
            <p>沙 忍 村</p>
        </div>
        <div id=demo1 class="demo">
            <table>
                <tr>
                    <td id=marquePic3 class="role-table">

                        <table>
                            <tr>
                                <td>
                                    <div class="img"><img src="../images/风影我爱罗.png"></div>
                                    <p>我爱罗</p></td>

                                <td>
                                    <div class="img"><img src="../images/手鞠.png"></div>
                                    <p>手鞠</p></td>

                                <td>
                                    <div class="img"><img src="../images/勘九郎.png"></div>
                                    <p>勘九郎</p></td>

                                <td>
                                    <div class="img"><img src="../images/赤砂之蝎.png"></div>
                                    <p>赤砂之蝎</p></td>

                                <td>
                                    <div class="img"><img src="../images/千代婆婆.png"></div>
                                    <p>千代婆婆</p></td>


                        </table>
                    </td>

                    <td id=marquePic4 class="role-table"></td>
                </tr>

            </table>

        </div>
    </div>

    <div class="loop2">
        <div class="intro">
            <p>晓 组 织</p>
        </div>
        <div id=demo2 class="demo">
            <table>
                <tr>
                    <td id=marquePic5 class="role-table">

                        <table>
                            <tr>
                                <td>
                                    <div class="img"><img src="../images/宇智波鼬.png"></div>
                                    <p>宇智波鼬</p></td>

                                <td>
                                    <div class="img"><img src="../images/飞段.png"></div>
                                    <p>飞段</p></td>

                                <td>
                                    <div class="img"><img src="../images/角都.png"></div>
                                    <p>角都</p></td>

                                <td>
                                    <div class="img"><img src="../images/迪达拉.png"></div>
                                    <p>迪达拉</p></td>

                                <td>
                                    <div class="img"><img src="../images/长门.png"></div>
                                    <p>长门</p></td>

                                <td>
                                    <div class="img"><img src="../images/干柿鬼鲛.png"></div>
                                    <p>干柿鬼鲛</p></td>

                                <td>
                                    <div class="img"><img src="../images/黑白绝.png"></div>
                                    <p>黑白绝</p></td>

                                <td>
                                    <div class="img"><img src="../images/阿飞.png"></div>
                                    <p>阿飞</p></td>

                                <td>
                                    <div class="img"><img src="../images/大蛇丸.png"></div>
                                    <p>大蛇丸</p></td>


                        </table>
                    </td>

                    <td id=marquePic6 class="role-table"></td>
                </tr>

            </table>

        </div>
    </div>


</div>
<!--底部-->
<hr>
<footer>
    Copyright©2017 郑州大学宋沆群 All Rights Reserved. <br/>
    建议采用使用的浏览器有：IE9.0、Firefox 4 、Safari5.1.7 、Chrome13 和 Opera11.5或更高版本。 <br/> 技术支持：宋沆群
</footer>
</body>
</html>